<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>首页</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" media="screen" />
		<link href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.css" rel="stylesheet"  />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../static/ace/css/ace-fonts.css" th:href="@{/static/ace/css/ace-fonts.css}" />
		

		<!-- ace styles -->
		<link rel="stylesheet" href="../static/ace/css/ace.css" th:href="@{/static/ace/css/ace.css}" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="../static/ace/css/ace-part2.css" th:href="@{/static/ace/css/ace-part2.css}" class="ace-main-stylesheet" />
		<![endif]-->

		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="../static/ace/css/ace-ie.css" th:href="@{/static/ace/css/ace-ie.css}" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../static/ace/js/ace-extra.js" th:src="@{/static/ace/js/ace-extra.js}"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../static/ace/js/html5shiv.js" th:src="@{/static/ace/js/html5shiv.js}"></script>
		<script src="../static/ace/js/respond.js" th:src="@{/static/ace/js/respond.js}"></script>
		<![endif]-->
	</head>
	<body class="no-skin">
		<!-- #section:basics/navbar.layout -->
		<div id="navbar" class="navbar navbar-default" th:fragment="header">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">
				<!-- #section:basics/sidebar.mobile.toggle -->
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<!-- /section:basics/sidebar.mobile.toggle -->
				<div class="navbar-header pull-left">
					<!-- #section:basics/navbar.layout.brand -->
					<a href="#" class="navbar-brand">
						<small>
							<i class="fa fa-leaf"></i>
							Boya 内容管理系统
						</small>
					</a>
				</div>

				<!-- #section:basics/navbar.dropdown -->
				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="grey">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-tasks"></i>
								<span class="badge badge-grey">4</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-check"></i>
									4 Tasks to complete
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar">
										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Software Update</span>
													<span class="pull-right">65%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:65%" class="progress-bar"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Hardware Upgrade</span>
													<span class="pull-right">35%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:35%" class="progress-bar progress-bar-danger"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Unit Testing</span>
													<span class="pull-right">15%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:15%" class="progress-bar progress-bar-warning"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Bug Fixes</span>
													<span class="pull-right">90%</span>
												</div>

												<div class="progress progress-mini progress-striped active">
													<div style="width:90%" class="progress-bar progress-bar-success"></div>
												</div>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="#">
										See tasks with details
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="purple">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-bell icon-animated-bell"></i>
								<span class="badge badge-important">8</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-exclamation-triangle"></i>
									8 Notifications
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar navbar-pink">
										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
														New Comments
													</span>
													<span class="pull-right badge badge-info">+12</span>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<i class="btn btn-xs btn-primary fa fa-user"></i>
												Bob just signed up as an editor ...
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
														New Orders
													</span>
													<span class="pull-right badge badge-success">+8</span>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
														Followers
													</span>
													<span class="pull-right badge badge-info">+11</span>
												</div>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="#">
										See all notifications
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="green">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
								<span class="badge badge-success">5</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-envelope-o"></i>
									5 Messages
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar">
										<li>
											<a href="#" class="clearfix">
												<img src="../static/ace/avatars/avatar.png" th:src="@{/static/ace/avatars/avatar.png}" class="msg-photo" alt="Alex's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Alex:</span>
														Ciao sociis natoque penatibus et auctor ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>a moment ago</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../static/ace/avatars/avatar3.png" th:src="@{/static/ace/avatars/avatar3.png}" class="msg-photo" alt="Susan's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Susan:</span>
														Vestibulum id ligula porta felis euismod ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>20 minutes ago</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../static/ace/avatars/avatar4.png" th:src="@{/static/ace/avatars/avatar4.png}" class="msg-photo" alt="Bob's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Bob:</span>
														Nullam quis risus eget urna mollis ornare ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>3:15 pm</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../static/ace/avatars/avatar2.png" th:src="@{/static/ace/avatars/avatar2.png}" class="msg-photo" alt="Kate's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Kate:</span>
														Ciao sociis natoque eget urna mollis ornare ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>1:33 pm</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../static/ace/avatars/avatar5.png" th:src="@{/static/ace/avatars/avatar5.png}" class="msg-photo" alt="Fred's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Fred:</span>
														Vestibulum id penatibus et auctor  ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>10:09 am</span>
													</span>
												</span>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="inbox.html">
										See all messages
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<!-- #section:basics/navbar.user_menu -->
						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="../static/ace/avatars/user.jpg" th:src="@{/static/ace/avatars/user.jpg}" alt="Jason's Photo" />
								<span class="user-info">
									<small>Welcome,</small>
									Jason
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="ace-icon fa fa-cog"></i>
										Settings
									</a>
								</li>

								<li>
									<a href="profile.html">
										<i class="ace-icon fa fa-user"></i>
										Profile
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="/logout.html" th:href="@{/logout}">
										<i class="ace-icon fa fa-power-off"></i>
										Logout
									</a>
								</li>
							</ul>
						</li>

						<!-- /section:basics/navbar.user_menu -->
					</ul>
				</div>

				<!-- /section:basics/navbar.dropdown -->
			</div><!-- /.navbar-container -->
		</div>
		<!-- basic scripts -->
		<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
		<script src="../static/ace/js/bootstrap.js" th:src="@{/static/ace/js/bootstrap.js}"></script>

		<script src="../static/ace/js/jquery-ui.custom.js" th:src="@{/static/ace/js/jquery-ui.custom.js}"></script>
		<script src="../static/ace/js/jquery.ui.touch-punch.js" th:src="@{/static/ace/js/jquery.ui.touch-punch.js}"></script>
		<script src="../static/ace/js/jquery.easypiechart.js" th:src="@{/static/ace/js/jquery.easypiechart.js}"></script>
		<script src="../static/ace/js/jquery.sparkline.js" th:src="@{/static/ace/js/jquery.sparkline.js}"></script>
		<script src="../static/ace/js/flot/jquery.flot.js" th:src="@{/static/ace/js/flot/jquery.flot.js}"></script>
		<script src="../static/ace/js/flot/jquery.flot.pie.js" th:src="@{/static/ace/js/flot/jquery.flot.pie.js}"></script>
		<script src="../static/ace/js/flot/jquery.flot.resize.js" th:src="@{/static/ace/js/flot/jquery.flot.resize.js}"></script>

		<!-- ace scripts -->
		<script src="../static/ace/js/ace/elements.scroller.js" th:src="@{/static/ace/js/ace/elements.scroller.js}"></script>
		<script src="../static/ace/js/ace/elements.colorpicker.js" th:src="@{/static/ace/js/ace/elements.colorpicker.js}"></script>
		<script src="../static/ace/js/ace/elements.fileinput.js" th:src="@{/static/ace/js/ace/elements.fileinput.js}"></script>
		<script src="../static/ace/js/ace/elements.typeahead.js" th:src="@{/static/ace/js/ace/elements.typeahead.js}"></script>
		<script src="../static/ace/js/ace/elements.wysiwyg.js" th:src="@{/static/ace/js/ace/elements.wysiwyg.js}"></script>
		<script src="../static/ace/js/ace/elements.spinner.js" th:src="@{/static/ace/js/ace/elements.spinner.js}"></script>
		<script src="../static/ace/js/ace/elements.treeview.js" th:src="@{/static/ace/js/ace/elements.treeview.js}"></script>
		<script src="../static/ace/js/ace/elements.wizard.js" th:src="@{/static/ace/js/ace/elements.wizard.js}"></script>
		<script src="../static/ace/js/ace/elements.aside.js" th:src="@{/static/ace/js/ace/elements.aside.js}"></script>
		<script src="../static/ace/js/ace/ace.js" th:src="@{/static/ace/js/ace/ace.js}"></script>
		<script src="../static/ace/js/ace/ace.ajax-content.js" th:src="@{/static/ace/js/ace/ace.ajax-content.js}"></script>
		<script src="../static/ace/js/ace/ace.touch-drag.js" th:src="@{/static/ace/js/ace/ace.touch-drag.js}"></script>
		<script src="../static/ace/js/ace/ace.sidebar.js" th:src="@{/static/ace/js/ace/ace.sidebar.js}"></script>
		<script src="../static/ace/js/ace/ace.sidebar-scroll-1.js" th:src="@{/static/ace/js/ace/ace.sidebar-scroll-1.js}"></script>
		<script src="../static/ace/js/ace/ace.submenu-hover.js" th:src="@{/static/ace/js/ace/ace.submenu-hover.js}"></script>
		<script src="../static/ace/js/ace/ace.widget-box.js" th:src="@{/static/ace/js/ace/ace.widget-box.js}"></script>
		<script src="../static/ace/js/ace/ace.settings.js" th:src="@{/static/ace/js/ace/ace.settings.js}"></script>
		<script src="../static/ace/js/ace/ace.settings-rtl.js" th:src="@{/static/ace/js/ace/ace.settings-rtl.js}"></script>
		<script src="../static/ace/js/ace/ace.settings-skin.js" th:src="@{/static/ace/js/ace/ace.settings-skin.js}"></script>
		<script src="../static/ace/js/ace/ace.widget-on-reload.js" th:src="@{/static/ace/js/ace/ace.widget-on-reload.js}"></script>
		<script src="../static/ace/js/ace/ace.searchbox-autocomplete.js" th:src="@{/static/ace/js/ace/ace.searchbox-autocomplete.js}"></script>
	</body>
</html>
